<!DOCTYPE html>
<html>

  <head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

  <title>ArcSeekBar(圆弧拖动条)</title>
  <meta name="description" content="ArcSeekBar(圆弧拖动条)">
  <meta name="author" content="GcsSloop">
  <meta name="keywords" content="Android, seekbar, arc-seekbar">
  <meta name="关键字" content="Android, seekbar, arc-seekbar">
  

  <meta name="twitter:card" content="summary">
  <meta name="twitter:title" content="ArcSeekBar(圆弧拖动条)">
  <meta name="twitter:description" content="ArcSeekBar(圆弧拖动条)">
  <meta name="twitter:keywords" content="Android, seekbar, arc-seekbar">
  
  <meta property="og:type" content="article">
  <meta property="og:title" content="ArcSeekBar(圆弧拖动条)">
  <meta property="og:description" content="ArcSeekBar(圆弧拖动条)">
  <meta name="og:keywords" content="Android, seekbar, arc-seekbar">

  <meta name="theme-color" content="#343434">
  
  <link rel="icon" type="image/png" href="https://raw.githubusercontent.com/GcsSloop/gcssloop.github.io/master/assets/siteinfo/favicon.png" />
  <link href="https://raw.githubusercontent.com/GcsSloop/gcssloop.github.io/master/assets/siteinfo/favicon.png" rel="shortcut icon" type="image/png">
  
  <link href="//netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
  <link rel="stylesheet" href="/css/main.css">

  <link rel="canonical" href="http://www.gcssloop.com/tools/arc-seekbar">
  <link rel="alternate" type="application/rss+xml" title="GcsSloop" href="http://www.gcssloop.com/feed.xml">
  
  <meta name="google-site-verification" content="Z_g58PkzRAyBMxkqrcDdWrTBK8oOWM-7rUHauhLNF2E" />
  <meta name="baidu-site-verification" content="kUtTXCKaZs" />
  <meta name="baidu-site-verification" content="6DuDv3aaJX" />
  
  <!--阅读次数统计-->
  <script async src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"> </script>
  
  <!--Fuck Weixin and Baidu-->
  <meta http-equiv="Cache-Control" content="no-transform">
  <meta http-equiv=”Cache-Control” content=”no-siteapp” />
  <meta name="applicable-device" content="pc,mobile">
  <meta name="HandheldFriendly" content="true"/>

  <!-- Google Ad -->
  <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  <script>
    (adsbygoogle = window.adsbygoogle || []).push({
      google_ad_client: "ca-pub-2767831356529421",
      enable_page_level_ads: true
    });
  </script>

</head>


  <body>

    <span class="mobile btn-mobile-menu">
        <i class="fa fa-list btn-mobile-menu__icon"></i>
        <i class="fa fa-angle-up btn-mobile-close__icon hidden"></i>
    </span>
    
    <header class="panel-cover panel-cover--collapsed" style="background-image: url('/assets/siteinfo/background-cover.jpg')">
  <div class="panel-main">

    <div class="panel-main__inner panel-inverted">
    <div class="panel-main__content">

        <a href="/#blog" title="前往 GcsSloop 的主页" class="blog-button"><img src="/assets/siteinfo/avatar.jpg" width="80" alt="GcsSloop logo" class="panel-cover__logo logo" /></a>
        <h1 class="panel-cover__title panel-title"><a href="/#blog" title="link to homepage for GcsSloop" class="blog-button">GcsSloop</a></h1>

        
        <span class="panel-cover__subtitle panel-subtitle">Just do IT later.</span>
        
        <hr class="panel-cover__divider" />
        <p class="panel-cover__description">嗨，我是 GcsSloop，一名来自2.5次元的魔法师，Android自定义View系列文章作者，非著名程序员。</p>
        <hr class="panel-cover__divider panel-cover__divider--secondary" />
        
        
        <p class="panel-cover__description">欢迎来到我的魔法世界!</p>
        
        
        <div class="navigation-wrapper">
          <div>
            <nav class="cover-navigation cover-navigation--primary">
              <ul class="navigation">
                <li class="navigation__item"><a href="/#blog" title="访问博客" class="blog-button">博客</a></li>
                
                  
                    <li class="navigation__item"><a href="https://github.com/GcsSloop" target="_blank" title="GcsSloop's GitHub">GitHub</a></li>
                  
                  
                
                  
                    <li class="navigation__item"><a href="/timeline" title="博客目录">目录</a></li>
                  
                  
                
                  
                    <li class="navigation__item"><a href="https://xiaozhuanlan.com/u/GcsSloop" target="_blank" title="小专栏">专栏</a></li>
                  
                  
                
                  
                    <li class="navigation__item"><a href="/category/customview" title="自定义View教程目录">自定义控件</a></li>
                  
                  
                
                  
                    <li class="navigation__item"><a href="/friends" title="友链">友链</a></li>
                  
                  
                
              </ul>
            </nav>
          </div>
          
          <div><nav class="cover-navigation navigation--social">
  <ul class="navigation">

  
  <!-- Weibo -->
  <li class="navigation__item">
    <a href="http://weibo.com/GcsSloop" title="@GcsSloop 的微博" target="_blank">
      <i class='social fa fa-weibo'></i>
      <span class="label">Weibo</span>
    </a>
  </li>
  

  
  <!-- Github -->
  <li class="navigation__item">
    <a href="https://github.com/GcsSloop" title="@GcsSloop 的 Github" target="_blank">
      <i class='social fa fa-github'></i>
      <span class="label">Github</span>
    </a>
  </li>
  
  
  
  <!-- Twitter -->
  <li class="navigation__item">
    <a href="http://twitter.com/GcsSloop" title="@GcsSloop" target="_blank">
      <i class='social fa fa-twitter'></i>
      <span class="label">Twitter</span>
    </a>
  </li>
  

    

  

  
  <!-- RSS -->
  <li class="navigation__item">
    <a href="/feed.xml" rel="author" title="RSS" target="_blank">
      <i class='social fa fa-rss'></i>
      <span class="label">RSS</span>
    </a>
  </li>
  

  
  <!-- Email -->
  <li class="navigation__item">
    <a href="mailto:GcsSloop@gmail.com" title="发邮件给我">
      <i class='social fa fa-envelope'></i>
      <span class="label">Email</span>
    </a>
  </li>
  

  
  <!-- Copyright -->
  <li class="navigation__item">
    <a href="http://choosealicense.online" title="选择版权"  target="_blank">
      <i class="social fa fa-copyright"></i>
      <span class="label">版权</span>
    </a>
  </li>
  
  
  </ul>
</nav>
</div>
        </div>
      </div>
    </div>
    
    
    <div class="panel-cover--overlay cover-slate"></div>
    
  </div>
</header>


    <div class="content-wrapper">
        <div class="content-wrapper__inner">
            <article class="post-container post-container--single" itemscope itemtype="http://schema.org/BlogPosting">
  <header class="post-header">
    <div class="post-meta" style="font-size:.8em">
      <time datetime="2018-09-02 00:00:00 +0800" itemprop="datePublished" class="post-meta__date date">2018-09-02</time> &#8226; <span class="post-meta__tags tags">Android</span> &#8226; View <span id="busuanzi_value_page_pv"></span> times.
</span>
    </div>
    <h1 class="post-title">ArcSeekBar(圆弧拖动条)</h1>
  </header>

  <section class="post">
    <p><strong><a href="https://github.com/GcsSloop/arc-seekbar">GitHub项目地址: https://github.com/GcsSloop/arc-seekbar</a></strong></p>

<p>这个是在公司项目中准备使用的一个控件，本准备直接在网上搜一个用，可惜找到的很多都是 ProgressBar，并不具备拖拽功能，于是自己动手实现了一个，其功能和特性均仿照 SeekBar 进行设计。</p>

<h2 id="效果预览">效果预览</h2>

<p><img src="http://gcsblog.oss-cn-shanghai.aliyuncs.com/blog/2018-10-25-arcseekbar.gif?gcssloop" width="300" /></p>

<h2 id="支持的特性">支持的特性</h2>

<ul class="task-list">
  <li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled="disabled" checked="checked" />进度功能。</li>
  <li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled="disabled" checked="checked" />自定义属性配置。</li>
  <li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled="disabled" checked="checked" />线条宽度。</li>
  <li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled="disabled" checked="checked" />开口角度。</li>
  <li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled="disabled" checked="checked" />旋转角度。</li>
  <li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled="disabled" checked="checked" />渐变色。</li>
  <li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled="disabled" checked="checked" />最大进度值。</li>
  <li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled="disabled" checked="checked" />拖动按钮颜色、大小、样式(填充、描边、填充+描边)。</li>
  <li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled="disabled" checked="checked" />状态变化回调。</li>
</ul>

<h2 id="主要文件">主要文件</h2>

<table>
  <thead>
    <tr>
      <th>名字</th>
      <th>摘要</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>ArcSeekBar</td>
      <td>圆弧形状SeekBar。</td>
    </tr>
  </tbody>
</table>

<h3 id="1-基本用法">1. 基本用法</h3>

<div class="language-xml highlighter-rouge"><pre class="highlight"><code><span class="nt">&lt;com.gcssloop.widget.ArcSeekBar</span>
    <span class="na">android:id=</span><span class="s">"@+id/arc_seek_bar"</span>
    <span class="na">android:layout_width=</span><span class="s">"280dp"</span>
    <span class="na">android:layout_height=</span><span class="s">"280dp"</span>
    <span class="na">app:arc_colors=</span><span class="s">"@array/arc_colors_default"</span>
    <span class="na">app:arc_max=</span><span class="s">"100"</span>
    <span class="na">app:arc_open_angle=</span><span class="s">"90"</span>
    <span class="na">app:arc_progress=</span><span class="s">"0"</span>
    <span class="na">app:arc_rotate_angle=</span><span class="s">"90"</span>
    <span class="na">app:arc_thumb_color=</span><span class="s">"#fff"</span>
    <span class="na">app:arc_thumb_mode=</span><span class="s">"STROKE"</span>
    <span class="na">app:arc_thumb_radius=</span><span class="s">"16dp"</span>
    <span class="na">app:arc_thumb_width=</span><span class="s">"3dp"</span>
    <span class="na">app:arc_width=</span><span class="s">"40dp"</span><span class="nt">/&gt;</span>
</code></pre>
</div>

<h3 id="2-配置属性">2. 配置属性</h3>

<p>可以在布局文件中配置的基本属性如下：</p>

<table>
  <thead>
    <tr>
      <th>属性名称</th>
      <th>摘要</th>
      <th>是否必须设置</th>
      <th>类型</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>arc_width</td>
      <td>圆弧的宽度</td>
      <td>否</td>
      <td>dp</td>
    </tr>
    <tr>
      <td>arc_open_angle</td>
      <td>圆弧开口的角度</td>
      <td>否</td>
      <td>int</td>
    </tr>
    <tr>
      <td>arc_rotate_angle</td>
      <td>旋转角度，默认90</td>
      <td>否</td>
      <td>int</td>
    </tr>
    <tr>
      <td>arc_colors</td>
      <td>圆弧渐变色</td>
      <td>否</td>
      <td>array</td>
    </tr>
    <tr>
      <td>arc_max</td>
      <td>进度最大数值</td>
      <td>否</td>
      <td>int</td>
    </tr>
    <tr>
      <td>arc_progress</td>
      <td>默认进度</td>
      <td>否</td>
      <td>int</td>
    </tr>
    <tr>
      <td>arc_thumb_width</td>
      <td>拖动按钮描边宽度</td>
      <td>否</td>
      <td>dp</td>
    </tr>
    <tr>
      <td>arc_thumb_color</td>
      <td>拖动按钮颜色</td>
      <td>否</td>
      <td>color</td>
    </tr>
    <tr>
      <td>arc_thumb_radius</td>
      <td>拖动按钮半径</td>
      <td>否</td>
      <td>dp</td>
    </tr>
    <tr>
      <td>arc_thumb_mode</td>
      <td>拖动按钮模式(FILL、STROKE、FILL_STROKE)</td>
      <td>否</td>
      <td>emnu</td>
    </tr>
    <tr>
      <td>arc_border_width</td>
      <td>描边宽度，默认为 0，即不显示。</td>
      <td>否</td>
      <td>dp</td>
    </tr>
    <tr>
      <td>arc_border_color</td>
      <td>描边颜色，默认为白色。</td>
      <td>否</td>
      <td>color</td>
    </tr>
  </tbody>
</table>

<h3 id="3-属性简介">3. 属性简介</h3>

<h4 id="31-基本绘制属性">3.1 基本绘制属性</h4>

<p><img src="http://gcsblog.oss-cn-shanghai.aliyuncs.com/blog/2018-10-25-090345.jpg?gcssloop" alt="" /></p>

<p>进度条宽度(arc_width)、开口角度(arc_open_angle)、旋转角度(arc_rotate_angle) 的基本含义如上图所示。</p>

<p><strong>进度条宽度(arc_width)：</strong> 进度条宽度是上图白色部分所示的内容，是控制绘制宽窄的。<br />
<strong>开口角度(arc_open_angle)：</strong> 开口角度是上图中下方没有进度显示的部分，如果开口角度为 0 则绘制出来是一个圆。如果开口角度为 180 度，则为一个半圆。<br />
<strong>旋转角度：</strong>  旋转角度是圆环开口的最终指向，该数值默认为 90 度。</p>

<h4 id="32-渐变色">3.2 渐变色</h4>

<p>渐变色如上图所展示的那样，允许指定大于等于两种以上的颜色进行渲染，基本使用如下.</p>

<p><strong>1. 在 /res/values 里面定义一个 array 数组，其条目为一系列颜色(颜色数量大于等于2)。</strong></p>

<div class="language-xml highlighter-rouge"><pre class="highlight"><code><span class="cp">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
<span class="nt">&lt;resources&gt;</span>
    <span class="nt">&lt;array</span> <span class="na">name=</span><span class="s">"arc_colors_default"</span><span class="nt">&gt;</span>
        <span class="nt">&lt;item&gt;</span>#1a2a6c<span class="nt">&lt;/item&gt;</span>
        <span class="nt">&lt;item&gt;</span>#b21f1f<span class="nt">&lt;/item&gt;</span>
        <span class="nt">&lt;item&gt;</span>#fdbb2d<span class="nt">&lt;/item&gt;</span>
    <span class="nt">&lt;/array&gt;</span>
<span class="nt">&lt;/resources&gt;</span>
</code></pre>
</div>

<p><strong>2. 引用指定颜色</strong></p>

<div class="language-xml highlighter-rouge"><pre class="highlight"><code><span class="nt">&lt;com.gcssloop.widget.ArcSeekBar</span>
    <span class="na">android:layout_width=</span><span class="s">"280dp"</span>
    <span class="na">android:layout_height=</span><span class="s">"280dp"</span>
    <span class="na">app:arc_colors=</span><span class="s">"@array/arc_colors_default"</span><span class="nt">/&gt;</span>
</code></pre>
</div>

<blockquote>
  <p><strong>注意： 所指定的颜色数组数量必须大于 2，如果想要使用纯色，则直接将两个array条目设置为同一种颜色即可。</strong></p>
</blockquote>

<h4 id="33-进度属性">3.3 进度属性</h4>

<p>进度属性有两个， <code class="highlighter-rouge">arc_max</code> 指定最大数值， <code class="highlighter-rouge">arc_progress</code> 指定默认的进度。</p>

<h4 id="34-拖动按钮属性">3.4 拖动按钮属性</h4>

<p>拖动按钮即上方演示图中的圆环，
<strong>arc_thumb_width：</strong>指定圆环宽度。<br />
<strong>arc_thumb_color：</strong> 指定按钮颜色。<br />
<strong>arc_thumb_radius：</strong> 指定按钮半径。<br />
<strong>arc_thumb_mode：</strong> 指定按钮绘制模式，默认为 STROKE(描边)，可以指定 FILL、STROKE、FILL_STROKE。</p>

<h4 id="35-描边">3.5 描边</h4>

<p>v1.1.0 以上版本支持。</p>

<p>可以实现描边效果，具体看图。</p>

<p><img src="http://gcsblog.oss-cn-shanghai.aliyuncs.com/blog/2018-10-25-090346.jpg?gcssloop" alt="" /></p>

<h3 id="4添加方法">4.添加方法</h3>

<h4 id="41-添加仓库">4.1 添加仓库</h4>

<p>在项目的 <code class="highlighter-rouge">build.gradle</code> 文件中配置仓库地址。</p>

<div class="language-groovy highlighter-rouge"><pre class="highlight"><code><span class="n">allprojects</span> <span class="o">{</span>
    <span class="n">repositories</span> <span class="o">{</span>
        <span class="n">jcenter</span><span class="o">()</span>
        <span class="c1">// 私有仓库地址</span>
       <span class="n">maven</span> <span class="o">{</span> <span class="n">url</span> <span class="s2">"http://lib.gcssloop.com:8081/repository/gcssloop-central/"</span> <span class="o">}</span>
    <span class="o">}</span>
<span class="o">}</span>
</code></pre>
</div>

<h4 id="42-添加项目依赖">4.2 添加项目依赖</h4>

<p>在需要添加依赖的 Module 下添加以下信息，使用方式和普通的远程仓库一样。</p>

<div class="language-groovy highlighter-rouge"><pre class="highlight"><code><span class="n">implementation</span> <span class="s1">'com.gcssloop.widget:arc-seekbar:1.1.0'</span>
</code></pre>
</div>

<h2 id="作者简介">作者简介</h2>

<h4 id="作者微博-gcssloop">作者微博: <a href="http://weibo.com/GcsSloop">@GcsSloop</a></h4>

<h4 id="个人网站-httpwwwgcssloopcom">个人网站: http://www.gcssloop.com</h4>

<p><a href="http://www.gcssloop.com/info/about/" target="_blank"> <img src="http://ww4.sinaimg.cn/large/005Xtdi2gw1f1qn89ihu3j315o0dwwjc.jpg" width="300" /> </a></p>

<h2 id="更新日志">更新日志</h2>

<h4 id="v110">v1.1.0</h4>

<ol>
  <li>完善 onMeasure。</li>
  <li>添加描边(border)属性。</li>
</ol>

<h4 id="v100">v1.0.0</h4>

<ol>
  <li>完成基本的 ArcSeekBar 功能与相关的自定义属性。</li>
</ol>

<h2 id="版权信息">版权信息</h2>

<div class="language-xml highlighter-rouge"><pre class="highlight"><code>Copyright (c) 2018 GcsSloop

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
</code></pre>
</div>

    <hr>
  </section>
</article>

<!--广告-->

<!--
<div>
<a href="https://m.aliyun.com/act/team1111/?spm=5176.11533457.1089570.5.424777e3AF8WOJ&userCode=hn5smxtw#/" target="_blank"><img src="/assets/aliyun/1111-980-120.jpg" width="100%"></a>
</div>
-->
<!--捐赠晶石-->
<section class="contribute">
    <script type="text/javascript"> 
      function toggle() {
        var con = document.getElementById("contribute");
        if (con.style.display == "none") {
          con.style.display = "block";
        } else {
          con.style.display = "none";
        }
      }
    </script> 
    <blockquote style="background-color:#F5F5F5; padding: 10px 20px 20px 10px; margin:0px" >
      <h4> 如果你觉得我的文章对你有帮助的话，欢迎赞助一些服务器费用! </h4>
      <p></p>
      <a id=“btn-toggle-contribute” class="btn-contribute" onclick="toggle()" >¥ 点击赞助</a>
      <br>
      <div id="contribute" style="display:none;">
        <p align="center" >
        <img src="/assets/images/wechat.png" alt="微信">
        <img src="/assets/images/alipay.png" alt="支付宝">
        </p>
        <p align="left" >
          <b>感谢所有支持我的魔法师，所有支持过我的魔法师都可以通过微信(GcsSloop)联系我，获赠我的付费专栏！</b>
          <!--
          <a href="/contribute">点击这里查看捐赠者名单。</a>
          -->
        </p>
      </div>
    </blockquote>
</section>
<div>
  <h2>欢迎关注我的微信公众号</h2>
  <img src="/assets/images/banner.jpg" width="100%">
</div>

<!--阅读更多-->
<section class="read-more">
  
  
  <div class="read-more-item">
    <span class="read-more-item-dim">最近的文章</span>
    <h2 class="post-list__post-title post-title"><a href="/gebug/bubble-sample" title="link to 雕虫晓技(十) Android超简单气泡效果">雕虫晓技(十) Android超简单气泡效果</a></h2>
    <p class="excerpt">【示例项目：BubbleSample】最近有用到水下气泡上升效果，因此在网上查了一下资料，结果还真找到了，就是这篇文章 [Android实例] 水下气泡上升界面效果, 不过这篇文章所附带的示例代...&hellip;</p>
    <div class="post-list__meta">
      <time datetime="2018-09-09 00:00:00 +0800" class="post-list__meta--date date">2018-09-09</time> &#8226; <span class="post-list__meta--tags tags">GeBug</span>
      <br/><br/>
      <a style="float:none; margin:0 auto;" class="btn-border-small" href=/gebug/bubble-sample>继续阅读</a></div>
   </div>
   
   
   
   
   <div class="read-more-item">
       <span class="read-more-item-dim">更早的文章</span>
       <h2 class="post-list__post-title post-title"><a href="/gebug/netty-private-protocol" title="link to 雕虫晓技(九) Netty与私有协议框架">雕虫晓技(九) Netty与私有协议框架</a></h2>
       <p class="excerpt">关于作者GcsSloop，一名 2.5 次元魔法师。微博 | GitHub | 博客1.前言【本文示例源码下载】在本系列的前一篇，说了 Android 与数据流的斗争，主要是 Android 前...&hellip;</p>
       <div class="post-list__meta">
          <time datetime="2018-09-01 00:00:00 +0800" class="post-list__meta--date date">2018-09-01</time> &#8226; <span class="post-list__meta--tags tags">GeBug</span>
          <br/><br/>
          <a style="float:none; margin:0 auto;" class="btn-border-small" href=/gebug/netty-private-protocol>继续阅读</a>
       </div>
   </div>
   
</section>

<!--网易云跟帖-->
<!--
<div id="cloud-tie-wrapper" class="cloud-tie-wrapper"></div>
<script src="https://img1.cache.netease.com/f2e/tie/yun/sdk/loader.js"></script>
<script>
var cloudTieConfig = {
  url: document.location.href, 
  sourceId: "",
  productKey: "a85dba2840134721a7b69a15b2e0f217",
  target: "cloud-tie-wrapper"
};
var yunManualLoad = true;
Tie.loader("aHR0cHM6Ly9hcGkuZ2VudGllLjE2My5jb20vcGMvbGl2ZXNjcmlwdC5odG1s", true);
</script>
-->

<style type="text/css">
.isso-comment > div.avatar {
    border: 0px;
    box-shadow: none;
    display: block;
    float: left;
    width: 7%;
    margin: 3px 15px 0 0;
}
.isso-postbox > .form-wrapper > .auth-section .post-action > input {
    border-radius: 6px;
    padding: 6px;
    padding-left: 16px;
    padding-right: 16px;
    border: 1px solid #CCC;
    background-color: #D58D44;
    cursor: pointer;
    outline: 0;
    color: #fff;
    size: 10;
    line-height: 1.4em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.isso-postbox > .form-wrapper > .auth-section .post-action > input:hover {
    background-color: #272822;
}
.isso-postbox > .form-wrapper > .auth-section .post-action > input:active {
    background-color: #986530;
}
</style>

<section id="isso-thread"></section>

<script data-isso="//47.52.58.34:1234/"
        data-isso-css="true"
        data-isso-lang="zh"
        data-isso-reply-to-self="false"
        data-isso-require-author="false"
        data-isso-require-email="false"
        data-isso-max-comments-top="10"
        data-isso-max-comments-nested="5"
        data-isso-reveal-on-click="5"
        data-isso-avatar="true"
        data-isso-avatar-bg="#f0f0f0"
        data-isso-avatar-fg="#9abf88 #5698c4 #e279a3 #9163b6 ..."
        data-isso-vote="true"
        data-vote-levels=""
        src="//47.52.58.34:1234/js/embed.min.js">
        </script>

<!--
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-->
<!-- OneV's Den -->
<!--
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-3324997515191619"
     data-ad-slot="9170309685"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
-->

            <section class="footer">
    <footer>
    	<span class="footer__copyright">本站点采用<a rel="license" href="https://creativecommons.org/licenses/by-nc-nd/4.0/deed.zh" target="_blank">知识共享 署名-非商业性使用-禁止演绎 4.0 国际 许可协议</a></span>
        <span class="footer__copyright">本站由 <a href="http://www.GcsSloop.com">@GcsSloop</a> 创建，采用 <a href="https://github.com/GcsSloop/Gcs-Vno-Jekyll" target="_blank">Gcs-Vno-Jekyll</a> 作为主题。<span id="busuanzi_container_site_pv"> 总访问量 <span id="busuanzi_value_site_pv"></span> 次</span> - &copy; 2019</span>
        <span class="footer__sitemap, footer__copyright"><a href="http://www.gcssloop.com/sitemap.xml" target="_blank">Site Map</a>
        <a href="http://www.gcssloop.com/vip" target="_blank">vip</a></span>
    </footer>
</section>

        </div>
    </div>
    
    <script type="text/javascript" src="//code.jquery.com/jquery-1.11.3.min.js"></script>

<script type="text/javascript" src="/js/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

<script type="text/javascript" src="/js/main.js"></script>

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-82493667-1', 'auto');
  ga('send', 'pageview');

</script>

    
  </body>

</html>
